.el-scrollbar {
  height: 100%;

  .el-scrollbar__wrap {
    overflow-x: hidden !important;
  }

  .el-scrollbar__bar.is-horizontal {
    opacity: 0;
  }

  &.hasX {
    .el-scrollbar__wrap {
      overflow-x: auto !important;
    }
    .el-scrollbar__bar.is-horizontal {
      opacity: 1;
    }

    .el-scrollbar__bar.is-horizontal {
      height: 0;
    }

    &.thin {
      .el-scrollbar__wrap {
        &::-webkit-scrollbar {
          height: 6px;
          /* 调整滚动条高度 */
        }
      }
    }
  }
  &.scroll_del_x_p18 {
    >.el-scrollbar__wrap {
      padding-right: 18px;
    }
  }

  &.scroll_del_x_p20 {
    >.el-scrollbar__wrap {
      padding-right: 20px;
    }
  }

  &.scroll_del_x_p24 {
    >.el-scrollbar__wrap {
      padding-right: 24px;
    }
  }
}